<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="keywords" content="关键字">
    <meta name="description" content="描述">
    <meta name="author" content="作者">
    <link rel="icon" href="../../favicon.ico">
    <title>laya - Layabox</title>

    <!-- 滾動樣式 -->
    <link href="css/common.css" rel="stylesheet">

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- 自定义样式（自己写的） -->
    <link href="css/laya.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- <div class="col-md-2 col-lg-2"></div>
     <div class="col-md-8 col-lg-8"></div>
     <div class="col-md-2 col-lg-2"></div> -->

<body>
    <div class="container-fluid my-container-fluid">
        <!-- 栅格系统结构 -->
        <!-- 导航部分 -->
        <div class="row" style="background: #222;">
            <div class="col-md-2 col-lg-2"></div>
            <div class="col-md-8 col-lg-8">
                <!-- 导航结构 -->
                <nav class="navbar navbar-default my-nav">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                                aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand my-logo" href="#">
                                <img src="images/index/logo.png" alt="">
                            </a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <!-- active 活动的 -->
                                <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
                                <li><a href="#">Laya家族</a></li>
                                <li><a href="#">游戏</a></li>
                                <li><a href="#">新闻动态</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>
            </div>
            <div class="col-md-2 col-lg-2"></div>
        </div>
        <!-- LayaFlash -->
        <div class="row flash-row">
            <div class="col-md-2  col-lg-2 hidden-xs hidden-sm"></div>
            <div class="col-md-8  col-lg-8">
                <div class="row desc-row">
                    <div class="col-md-6 col-lg-6">
                        <h1 class="title1-1"><i class="i1">1</i>LayaFlash</h1>
                        <h3 class="title3-1">直接用Flash AS3语言开发HTML5的引擎 </h3>
                        <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</p>
                        <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</p>
                        <p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                        <i class="i2">进入下载</i>
                    </div>
                    <div class="col-md-6 col-lg-6">
                        <img src="images/laya/laya_pic01.png" alt="" class="img-responsive">
                    </div>
                </div>
            </div>
            <div class="col-md-2  col-lg-2 hidden-xs hidden-sm"></div>
        </div>
        <!-- layaplay -->
        <div class="row play-row">
            <div class="col-md-2 col-lg-2"></div>
            <div class="col-md-8 col-lg-8">
                <div class="row">
                    <div class="col-xs-12 col-sm-12">
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="images/laya/laya_pic02.png" alt="..." class="img-responsive">
                                </a>
                            </div>
                            <div class="media-body play-media1">
                                <h4 class="media-heading title4-1">极强性能</h4>
                                <p class="p1">C语言编写的HTML5运行器，逻辑渲染双核运 行、GPU加速渲染、内存显存智能管理、渲染流 程极致优化，基于LayaPlaye。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12">
                        <div class="media play-media-row">
                            <div class="media-body play-media2">
                                <h4 class="media-heading title4-1">更小，更多，更强</h4>
                                <p class="p2">不足20K的HTML5运行器，拥有超过5亿的移动 设备安装量，已嵌入到QQ浏览器、QQ空间、百 度浏览器、新浪微博、猎豹浏览器平台。</p>
                            </div>
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="images/laya/laya_pic03.png" alt="..." class="img-responsive play-img">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-lg-2"></div>
        </div>
        <!-- layaAir -->
        <div class="row air-row">
            <div class="col-md-2 col-lg-2"></div>
            <div class="col-md-8 col-lg-8">
                <div class="row">
                    <div class="col-md-6 col-lg-6 air-box">
                        <h1 class="title1-2"><i class="i3">3</i>LayaAir</h1>
                        <p class="p1">新一代HTML5引擎，正在内测完善中，敬请期待</p>
                        <h3 class="title3-2">小巧强大</h3>
                        <p class="p2">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
                        <h3 class="title3-2">应用领域更广泛</h3>
                        <p class="p2">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                        <h3 class="title3-2">多语言开发</h3>
                        <p class="p2">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                        <img src="images/laya/laya_tb02.png" alt="" class="img-responsive center-block">
                    </div>
                    <div class="col-md-6 col-lg-6 air-box">
                        <h1 class="title1-2"><i class="i3">4</i>LayaOpen</h1>
                        <p class="p1">面向Layabox开发者、流量渠道的一站式对接平台</p>
                        <h3 class="title3-2">一站式对接</h3>
                        <p class="p2">一次对接，全渠道发行，提供一站式对接、发行、运营服务</p>
                        <h3 class="title3-2">免费测试</h3>
                        <p class="p2">提供免费评测服务以及线上真实用户的产品测试和运营测试</p>
                        <h3 class="title3-2">专业服务</h3>
                        <p class="p2">提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
                        <img src="images/laya/laya_tb03.png" alt="" class="img-responsive center-block">
                    </div>
                    <div class="col-md-6 col-lg-6 air-box">
                        <h1 class="title1-2"><i class="i3">5</i>LayaStore</h1>
                        <p class="p1">游戏内容丰富，可安装、可嵌入的HTML5应用商店</p>
                        <h3 class="title3-2">嵌入式商店</h3>
                        <p class="p2">仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店 服务。</p>
                        <h3 class="title3-2">流量变现</h3>
                        <p class="p2">丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</p>
                        <img src="images/laya/laya_tb04.png" alt="" class="img-responsive center-block">
                    </div>
                    <div class="col-md-6 col-lg-6 air-box">
                            <h1 class="title1-2"><i class="i3">6</i>LayaPublish</h1>
                            <p class="p1"> 分成高、覆盖广，提供最优秀的全渠道发行服务</p>
                            <h3 class="title3-2">覆盖广</h3>
                            <p class="p2">超过5亿的移动设备安装量覆盖，为CP发行保驾护航</p>
                            <h3 class="title3-2">分成高</h3>
                            <p class="p2">CP可享受80%发行收益的高分成政策。</p>
                            <img src="images/laya/laya_tb05.png" alt="" class="img-responsive center-block">
                        </div>
                </div>
            </div>
            <div class="col-md-2 col-lg-2"></div>
        </div>
        <!-- 底部 -->
        <div class="row db-row">
            <div class="col-md-2 col-lg-2"></div>
            <div class="col-md-8 col-lg-8">
                <div class="db-right">
                    <img src="images/index/photo.png" alt="" class="img-responsive pull-right img">
                    <img src="images/index/photo02.png" alt="" class="img-responsive pull-right img">
                    <img src="images/index/photo01.png" alt="" class="img-responsive pull-right img">
                </div>
                <div class="db-left">
                    <p class="p1">公司简介 &nbsp; 联系方式 &nbsp; 人才招聘</p>
                    <p class="p2">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
                </div>
            </div>
            <div class="col-md-2 col-lg-2"></div>
            <div class="clearfix"></div>
        </div>
        <!-- 滾動條 -->
        <div id="returnTop">返回<br />頂部</div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        //點擊滾動
        $('#returnTop').click(function(){
            window.clearInterval(t);
            t = window.setInterval(gun,20);
        });
    </script>
</body>

</html>